<template>
    <div class="goods-detail">
          <div class="info-item">
                <normal-title title="基本信息" border></normal-title>
                <div class="form-box">
                    <div class="form-item">
                        <span class="label">商品名称</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.name || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.name" placeholder="请输入优惠劵名称"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">商品分类</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.type || ''}}</span>
                            <el-select v-model="goods.type"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">商品通用名</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.commonName || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.commonName" placeholder="请输入商品通用名"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">商品显示名称</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.showName || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.showName" placeholder="请输入商品显示名称"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">批准文号/注册证号</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.approvalNumber || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.approvalNumber" placeholder="请输入批准文号/注册证号"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">器械重量</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.weight || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.weight" placeholder="请输入器械重量"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">药品剂型ID</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.dosage || ''}}</span>
                            <el-select v-model="goods.dosage"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">器械型号</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.dosage || ''}}</span>
                            <el-select v-model="goods.dosage"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">剂型细分ID</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.dosage || ''}}</span>
                            <el-select v-model="goods.dosage"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">OTC类别ID</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.otcType || ''}}</span>
                            <el-select v-model="goods.otcType"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">OTC</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.otc || ''}}</span>
                            <el-select v-model="goods.otc"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">贮藏条件</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.preservationCondition || ''}}</span>
                            <el-select v-model="goods.preservationCondition"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">医保类型</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.healthType || ''}}</span>
                            <el-select v-model="goods.healthType"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">是否含麻黄碱</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.ephedrine || ''}}</span>
                            <el-select v-model="goods.ephedrine"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">采购价格</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.purchasedPrice || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.purchasedPrice" placeholder="请输入采购价格"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">零售价格</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.retailPrice || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.retailPrice" placeholder="请输入零售价格"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">规格</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.specification || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.specification" placeholder="请输入规格"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">生产厂商</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.manufacturerId || ''}}</span>
                            <el-select v-model="goods.manufacturerId"></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">销售单位</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.unit || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.unit" placeholder="请输入销售单位"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">有效期</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.validityTime || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.validityTime" placeholder="请输入有效期"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">有效期单位</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.validityUtil || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.validityUtil" placeholder="请输入有效期单位"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">品牌</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.brand || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.brand" placeholder="请输入品牌"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">所属分类对象</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.bigCategory || ''}}</span>
                            <el-select v-model="goods.bigCategory" v-else></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">二级分类对象</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.bigCategory || ''}}</span>
                            <el-select v-model="goods.bigCategory" v-else></el-select>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">最小包装数量</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.packageNum || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.packageNum" placeholder="请输入最小包装数量"></el-input>
                        </div>
                    </div>
                </div>
          </div>
           <div class="info-item">
                <normal-title title="商品条件" border></normal-title>
                <div class="form-box">
                    <div class="form-item">
                        <span class="label">原料/成分</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.ingredient || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.ingredient" placeholder="请输入原料/成分"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">性状</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.ingredient || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.ingredient" placeholder="请输入性状"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">功能主治</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.major || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.major" placeholder="请输入功能主治"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">用法用量/使用方法</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.usage || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.usage" placeholder="请输入用法用量/使用方法"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">不良反应</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.untowardEffect || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.untowardEffect" placeholder="请输入不良反应"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">使用人群</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.applicablePeople || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.applicablePeople" placeholder="请输入使用人群"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">禁忌</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.taboo || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.taboo" placeholder="请输入禁忌"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">不宜人群</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.unsuitableCrowd || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.unsuitableCrowd" placeholder="请输入不宜人群"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">产品参数</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.productParameter || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.productParameter" placeholder="请输入不宜人群"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">功效成分及含量</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.effect || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.effect" placeholder="请输入功效成分及含量"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">适用范围</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.range || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.range" placeholder="请输入适用范围"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">注意事项</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.notice || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.notice" placeholder="请输入注意事项"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">药物相互作用</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.drugInteraction || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.drugInteraction" placeholder="请输入药物相互作用"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">执行标准</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.execute || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.execute" placeholder="请输入执行标准"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">存储条件</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.storageCondition || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.storageCondition" placeholder="请输入存储条件"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">适合肤质</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.skinTypes || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.skinTypes" placeholder="请输入适合肤质"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">总库存</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.productStock.stock || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.productStock.stock" placeholder="请输入适合肤质"></el-input>
                        </div>
                    </div>
                    <div class="form-item">
                        <span class="label">适合肤质</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.skinTypes || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.skinTypes" placeholder="请输入适合肤质"></el-input>
                        </div>
                    </div><div class="form-item">
                        <span class="label">适合肤质</span>:
                        <div class="cont">
                            <span v-if="!isEditer">{{goods.skinTypes || ''}}</span>
                            <el-input type="text" v-else v-model.trim="goods.skinTypes" placeholder="请输入适合肤质"></el-input>
                        </div>
                    </div>

                </div>
           </div>
    </div>
</template>
<script>
export default {
    name: 'goodsDetail',
    data () {
        return {
            goods: {
                name: '',
                type: '',
                commonName: '',
                productStock: {
                    stock: ''
                }
            }
        }
    }
}
</script>
<style lang="scss" scoped>
</style>